/*===============================default common=======================================*/
.defblock{font-size:12pt;line-height:28px;color:#666;}
.defblock {padding:60px 0px 60px 0px;}
.defblock .pagewd {margin:0px auto;text-align:center;}
.defblock .pagewd h3 {font-weight:400;height:auto; color:#000;text-align:center;margin-bottom:30px;position:relative;}
.defblock .pagewd h3:after{display:block;content:"";clear:both;width:100%; }
.defblock .pagewd h3.cen{text-align:center;}
/*
.defblock .pagewd h3 a {display: none;float:right;position:absolute;right:0px;bottom:0px;background:initial;width:80px;height:98px;}
.defblock .pagewd h3 a label{display:block;width:100%; font-size:32px;line-height:60px;text-align:right;color:#000;font-weight:bold;}
.defblock .pagewd h3 a:after{display:block;content:"";width:50%;height:1px;background:#666;transform:rotate(-15deg);position:absolute;right:0px;bottom:40px;}
.defblock .pagewd h3 a em{font-size:6px;font-weight:bold;display:block;width:100%;text-align:right;text-transform:uppercase;letter-spacing:-0.05em;}
*/
.defblock .pagewd h3 i{display: block;font-size: 16px;color: #000;text-transform: uppercase;font-weight: bold;line-height: 30px;}
.defblock .pagewd h3 small {display: block;line-height:40px;height:40px; font-size:26px;color:#000;font-weight:300;z-index:9;position:relative;margin-top:0px;}
.defblock .pagewd h3 small em{color:#339900;}
.defblock .pagewd h3 small:after {
    display: block;
    content: "";
    width: 60px;
    height: 1px;
    background: #333;
    position: absolute;
    left: calc(50% - 30px);
    bottom: -10px;
}

.defblock .pagewd h3 font {margin-left:0px;color:#666;font-size:18px; line-height:40px;position:relative;top:0px;z-index:1}
.defblock .pagewd .pagemore01 {font-size:10pt; margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#999;line-height:46px;/*background:#f1f1f1;*/ border:1px solid #f1f1f1;}
.defblock .pagewd .pagemore02 {font-size:10pt;margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#fff;line-height:46px;background: #339900;transform: translateX(0);}
.defblock .pagemore03 {font-size:10pt;margin: 50px 0;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;float:right; color:#fff;line-height:46px;background: #339900;transform: translateX(0);}
.defblock .pagewd .pagemore01:hover,.defblock .pagewd .pagemore02:hover{width:220px;transition: all ease 0.5s;}
/*
.defblock .pagewd h3 small:after{content:".";width:40px;color:#fff;}
.defblock .pagewd h3 small:before{content:".";width:40px;color:#fff;}
.defblock .pagewd h3 small:before, .defblock .pagewd h3 small:after {content: '';position: absolute; top: 50%;background: #fff;width: 30%;height: 1px;z-index:1}
.defblock .pagewd h3 small:before {left: 15%;}
.defblock .pagewd h3 small:after {right: 15%;}
*/

.def_bgrdp70{ background:#f6f7fb;}
.defblock .about_mgr{margin:0% auto 0% auto;padding:0px 0% 0px 0%;}

.readmore {
    color: #339900;
    border: 1px solid #339900;
    height: 40px;
    line-height: 40px;
    width:180px;
}
/*主打产品*/
.defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}
.defitemwrap {padding:0px 0px;}
.defitembox {display: block;width: 100%;overflow:hidden;}
.defitembox a {display:block;width:100%;overflow:hidden;margin:30px auto;}
.defitembox a img{display:block;width:100%;margin:0px auto; transition:all .3s;background:#339900;border-radius:0%;transition:all .3s;}
.defitembox span.faa{font-size:20px;font-weight:600;}
.defitembox p{font-size:12pt;text-align:left;color:#999;}
.defitembox:hover a img{display:block;overflow:hidden;background:#923047;transform:rotateY(180deg); transition:all .3s;}
/*公司介绍*/
.defabout-wrap{width:100%;margin:30px auto;color:#333;padding:0px 0 0px 0;position:relative;z-index:0}

.def_about{padding:0px 0px;background:#f6f7fb;position:relative;z-index:0;display:block;}
.def_about:after{display:block;width:50%;height:100%;background:url(../images/bg_about.jpg) no-repeat left center;background-size:200%;background-attachment:fixed; content:"";position:absolute;left:0%;top:0px;z-index:1}
.def_about:before{display:block;width:50%;height:100%;background:#339900;background-size:200%; content:"";position:absolute;left:0%;top:0px;z-index:2;opacity:0.8;}
.def_about h3{text-align:left;}


.defabout-wrap{display:block;position:relative;z-index:3;}
.defabout-wrap:after{display:block;content:"";width:100%;clear:both;}
.page_index_tit{display:inline;float:left;width:30%;padding:3%;margin:3%;height:auto;z-index:3;position:relative;text-align:left;border:10px solid #fff}
.defblock .pagewd .page_index_tit h3 small{color:#fff}
.defblock .pagewd .page_index_tit h3 small:after{background:#fff}
.defblock .pagewd .page_index_tit h3 small em{color:#fff}
.defblock .pagewd .page_index_tit p{color:#fff}

.swiper._priceSwiper{width:100%;height:40px;overflow:hidden;}
.swiper._priceSwiper a{color:#fff;line-height:40px;}
.swiper._priceSwiper .iconfont{color:#faee10;font-size:24px;line-height:40px;}
.swiper .swiper-pagination-bullets{display:none;}

.page_index_text{display:inline;float:right;width:45%;text-align:left;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:5%;padding-left:2.5%;padding-bottom:5%;}
.page_index_text h2{font-size:28pX;line-height:2;font-weight:400;color:#339900;margin-bottom:30px;position:relative;}
.page_index_text h2:after{display:block;content:"";width:80px;height:1px;background:#339900;position:absolute;left:0px;bottom:0px;}
.page_index_text span{display:block;width:100%;color:#333;margin:20px auto}
.page_index_text a{display:block;width:120px;color:#fff;background:#339900; border:1px solid #339900;font-size:12px;text-align:center;margin-top:30px}


.def_count{background:url(../images/bg_count.jpg) no-repeat top center;background-attachment:fixed;position:relative;z-index:0;}
.def_count:after{display:block;width:100%;height:100%;content:"";position:absolute;background: #339900;opacity:0.8;left:0px;top:0px;z-index:1;}
.def_count .pagewd{position:relative;z-index:2;}
.page_count{display:flex;float:initial;width:100%;z-index:2;padding-top:20px;padding-bottom:20px;z-index:2;}
.page_count .about_box{flex:1; margin-right:0;font-size:32px;line-height:2;letter-spacing:.125em;padding:10px 0;position:relative;text-align:center}
.page_count .about_box:after{display:none;content:"";width:1px;height:40%;position:absolute;right:0;top:30%;background:#dcdcdc}
.page_count .about_box b{display:block;color:#fff;}
.page_count .about_box font{font-size:14px;position:absolute;top:0px;right:20%;color:#fff;}
.page_count .about_box span{display:inline;font-size:14px;letter-spacing:initial;color:#fff;}
.page_count .about_box:hover{color:#339900}
.page_count .about_box+.about_box+.about_box:hover{color:#339900}

.page_sop img{width:100%;}
.page_sop .swiper-slide{text-align:center;font-size:small;position:relative;}
.page_sop .swiper-slide label{display:block;width:100%;height:100%;line-height:100%;color:#fff; position:absolute;left:0px;top:0px;background:linear-gradient(180deg,#33990000, #33990050);}
.page_sop .swiper-slide label em {display:block;width:100%;height:40px;line-height:40px;position:absolute;bottom:0;}




.defblock.def_video {display:block;width:80%;margin:-60px auto 0 auto;}
.defblock.def_video:after{display:block;content:"";width:100%;clear:both;}
.defblock.def_video video{width:100%;}

.tt_video{display:inline;float:left;width:40%;position:relative;text-align:right;padding-top:60px;}
.tt_video p{text-align:right;}
.bg_video{display:inline;float:right;width:55%;position:relative;}
.bg_video img{width:100%;}
.video {display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
.video span.iconfont{display:block;position:absolute;left:calc(50% - 50px);top:calc(50% - 50px);width:100px;height:100px;line-height:100px; font-size:72px;color:#ffffff;opacity:0.5;font-weight:300;}

@media screen and (min-width:1081px) and (max-width:1360px) {
    .defblock .pagewd {margin:0px auto;text-align:center;width:95%;}
    .page_index_pic img{width:400px;}
    #footer_warp .pagewd{width:95%;}
}

.def_hots {background: #f7f7f7;}
@media screen and (max-width:1200px) {

    .defnews_list .showbox30301 .showbox_pic{display:inline;float:left;width:27%;}
    .defnews_list .showbox30301 .showbox_tit{display:inline;float:right;width:70%;padding:0 0%;background:initial;text-align:left;}
    .defnews_list .showbox30301 .showbox_tit p.fac{display:none;}
    .defnews_list .showbox30301 .showbox_tit .arrow{display:none;}
}

@media screen and (max-width:1200px) {        
    .defblock {padding:30px 0px 30px 0px;}
    .defblock .pagewd {clear:both; width:100%;padding:0%; margin:50px auto;text-align:center;position:relative;}
    .def_bb{padding:0px 0px 0px 0px;background:#fff;}
    .def_bgrdp70 {padding:30px 0px 30px 0px;background:#f6f7fb;}
    .def_bg{background:rgba(55,79,90,.9);background-size:400% auto;padding:20px 0px 20px 0px;}    
    .defblock .about_mgr{width:100%; margin:0% auto 0% auto;padding:0px 0 0px 0;}   
    /*公司介绍*/
    .defabout-wrap{width:100%;padding:0;margin:0px auto;background:#339900;}
    .def_about {padding:0 0 30px 0;}
    .def_about .pagewd{padding:0%;width:100%;}
    .page_index_text{display:block;float:initial;width:95%;padding:50px 2.5% 0px 2.5%; text-align:left;font-size:12pt;color:#999;}
    /*主打产品*/
    .defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}
    .defitemwrap {padding:0 2.5%;}
    .defitemwrap .swiper-wrapper{display:block;}
    .defitemwrap .swiper-button-white{display:none;}
    .defitembox {display: inline;width: 49%;float:left;margin-right:2%; overflow:hidden;}
    .defitembox p{display:none;}
    .defitembox:nth-child(2n) {display: inline;width: 49%;float:left;margin-right:0%; overflow:hidden;}
    .defitembox a {display:block;width:100%;overflow:hidden;}
    .defitembox a img{display:block;width:100%;transition:all .3s;}
    .defitembox span.faa{color:initial;font-size:10pt;font-weight:400;}
    .defitembox p{color:#fff;}
    .defitemwrap .swiper-button-prev,.defitemwrap .swiper-button-next{display:none;}
    /*新闻中心*/
    .defnews_list {width:95%;display:inline;float:left;margin-top:0px;margin-left:2.5%;}
    .defnews_list:nth-child(2n) {width:95%;display:inline;float:right;margin-right:2.5%;}
    .defnews_list h3{font-size:18px;text-align:left; color:#231816;border-left:4px solid #231816;padding-left:10px; }
}

/*分类*/
.defblock .pagewd ul.def_catalist {display:flex;justify-content:center;margin:30px auto 30px auto;}
.defblock .pagewd ul.def_catalist li{margin:0 1%;}
.defblock .pagewd ul.def_catalist li h3{display:block;width:100px;height:50px;background:#f6f7fb;line-height:50px;padding:0 25px;border-radius:25px;text-align:center;margin-bottom:0px;}
.defblock .pagewd ul.def_catalist li h3 a{font-weight:500;font-size:small;display:block;color:#888;}
.defblock .pagewd ul.def_catalist li h3 a:after{display:none;}
.defblock .pagewd ul.def_catalist li h3.cur{background:#339900;}
.defblock .pagewd ul.def_catalist li h3.cur a{color:#fff;}


.defblock .pagewd .yslist {display:flex;justify-content:center;margin:60px auto 30px auto;}
.defblock .pagewd .yslist .ysbox{flex:1;position:relative;}
.defblock .pagewd .yslist .ysbox img{width:50%;border-radius:50%;margin:0px auto;z-index:2;position:relative;border:2px solid #339900;}
.defblock .pagewd .yslist .ysbox h4{display:block;position:relative;height:60px;line-height:60px;font-size:18px;color:#333;}
.defblock .pagewd .yslist .ysbox h4:after{display:block;content:"";width:40px;height:4px;background:#339900;position:absolute;left:calc(50% - 20px);bottom:0px;}
.defblock .pagewd .yslist .ysbox p{display:block;width:60%;padding:0 20%;font-size:small;}

.defblock .pagewd .yslist .ysbox:before {
    display: block;
    z-index:1;
    content: "";
    width: 65%;
    height: 45%;
    border-radius: 50%;
    position: absolute;
    left: 20%;
    top: -2%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background:#33990060;
    border: 0px dashed #339900;
    animation-name: rotateme2;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme2;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme2;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme2;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme2;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}
.defblock .pagewd .yslist .ysbox:after {
    display: block;
    z-index:1;
    content: "";
    width: 55%;
    height: 60%;
    border-radius: 50%;
    position: absolute;
    left: 25%;
    top: 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background:#33990020;
    border: 0px dashed #33990080;
    animation-name: rotateme2;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme2;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme2;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme2;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme2;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@keyframes rotateme2 {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }

    50% {
        transform: rotate(-180deg)
    }

    100% {
        transform: rotate(-360deg);
        opacity: 1
    }
}
.defnews_faq{display:block}
.defnews_faq:after{display:block;content:"";width:100%;clear:both}
.faqbox{display:inline;float:left;text-align:left;border:1px solid #390;width:calc(30% - 2px);padding:10px 1%;margin-bottom:10px;margin-right:2%}
.faqbox:nth-child(3n){margin-right:0}
.faqbox a{line-height:30px}
.faqbox .iconfont{font-size:24px;line-height:30px;color:#390}

.def_emap {display: block; position: relative;}
.def_emap:after{display:block;width:100%;height:100%;content:"";position:absolute;background: #339900;opacity:0.4;left:0px;top:0px;z-index:1;}
@media screen and (max-width:1080px) {
    .defabout-wrap:after{display:block;width:100%;height:70%;background:#f7f7f7;content:"";position:absolute;left:0%;top:30px;z-index:-1}
    .def_count .pagewd:after{display:block;content:"";width:100%;clear:both;}
    .page_count{display:block;float:left;width:100%;z-index:2;padding-top:20px;padding-bottom:60px}
    .page_count .about_box{display:inline;flex:initial;float:left;width:50%;}
    .def_about:before{display:none;}
    .def_about:after{display:none;}
    .page_index_tit{display:block;float:left;width:95%;height:auto;z-index:2;position:relative;text-align:left;background:#339900;margin:0;padding:5% 2.5%;border:0;}
    .page_index_text{display:block;float:right;width:95%;text-align:left;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:0px}

    .defhotewrap{display:block;width:95%;padding:0 2.5%; }
    .defhotewrap  .col-4{display:block;width:100%;margin-right:0;}

    .defblock.def_video {display:block;width:95%;margin:-60px auto 0 auto;}
    .defblock .pagemore03 {font-size:10pt;margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;float:initial; color:#fff;line-height:46px;background: #339900;transform: translateX(0);}
    .tt_video{display:inline;float:left;width:100%;position:relative;text-align:center;padding-top:60px;}
    .tt_video p{text-align:center;}
    .bg_video{display:inline;float:right;width:100%;position:relative;}
}
@media screen and (max-width:1080px) {
    /*分类*/
    .defblock .pagewd ul.def_catalist {display:block;flex-wrap:wrap; justify-content:center;margin:30px auto 2.5% auto;}
    .defblock .pagewd ul.def_catalist:after{display:block;content:"";width:100%;clear:both; }
    .defblock .pagewd ul.def_catalist li{margin:0 0%;width:30%;float:left;}
    .defblock .pagewd ul.def_catalist li h3{display:block;width:120px;height:50px;background:#fff;line-height:50px;padding:0 25px;border-radius:0px;text-align:center;margin-bottom:0px;}
    .defblock .pagewd ul.def_catalist li h3 a{font-weight:500;font-size:small;display:block;color:#888;}
    .defblock .pagewd ul.def_catalist li h3 a:after{display:none;}
    .defblock .pagewd ul.def_catalist li h3.cur{background:initial;}
    .defblock .pagewd ul.def_catalist li h3.cur a{color:#339900;font-weight:bold;}
    /*.showbox310{width:calc(100% - 0px);margin-right:0px;}
    .showbox310 .showbox_pic a.pic{width:calc(100% - 2px);margin-right:0px;}*/
    .defblock .pagewd .yslist {display:initial;flex-wrap:wrap; justify-content:center;margin:60px auto 30px auto;}
    .defblock .pagewd .yslist .ysbox{flex:initial;width:50%;float:left;}
    .defblock .pagewd .yslist .ysbox h4{display:block;position:relative;height:60px;line-height:60px;font-size:18px;color:#333;}
    .defblock .pagewd .yslist .ysbox h4:after{display:block;content:"";width:40px;height:4px;background:#333;position:absolute;left:calc(50% - 20px);bottom:0px;}
    .defblock .pagewd .yslist .ysbox p{display:block;width:60%;padding:0 20%;font-size:small;min-height:90px;}

    .faqbox{display:inline;float:left;text-align:left;border:0px solid #390;width:calc(95% - 0px);padding:5px 2.5%;margin-bottom:0px;margin-right:0%;
            border-top:1px dashed #dcdcdc;
    }
    .faqbox a{font-size:small;}
    .faqbox:nth-child(3n){margin-right:0}
}